html,body {background: #f5f5f5;}
.mr-20 {margin-right: 20px;}
a {text-decoration: none;}

.page-home-v1 {width: 100%;height:849px;position: relative;}
.page-home-v1 .panel-title {height: 32px; line-height: 32px; padding-left: 32px; position: relative; }
.page-home-v1 .panel-title .icon {position: absolute; width: 24px; height: 24px; left:0; top: 4px;}
.page-home-v1 .panel-title .title-text {color:#008def;}
.page-home-v1 .panel-title .title-tip {font-size: 12px; color: #999;}
.title-equipment {margin-left:15px;position: absolute !important; top:55px;}
.title-equipment .icon {background-image: url(../images/data/setting@2x.png); background-repeat: no-repeat; background-size: 100%; }
.title-date .icon {background-image: url(../images/data/date@2x.png); background-repeat: no-repeat; background-size: 100%; }
.title-function .icon {background-image: url(../images/data/function@2x.png); background-repeat: no-repeat; background-size: 100%; }

.home-aside-p1 {position: absolute; top: 0; left: 0; bottom: 0; width: 135px;}
/* .home-aside-v1 {height:850px; width: 125px; background: #dddddd;} */
.home-aside-v1 {height: 100%; width: 135px; background: #dddddd;}


.aside-div-v1 {position: absolute; top: 112px; left: 0; bottom: 0; right:0; height:737px; overflow-x: hidden;}
/* .aside-div-v1 {padding-top:55px;} */
.aside-v1-cont {margin-top: 25px;}
.aside-v1-cont .aside-li {position: relative;}
.aside-v1-cont .aside-li .li-title {height: 50px; line-height: 50px;}
.aside-v1-cont .aside-li .li-text {height: 50px; line-height: 50px; color: #fff; display: block; padding-left: 40px; border-bottom: 1px solid #fff;font-size: 15px;}
.aside-v1-cont .aside-li .li-cont {padding: 20px 12px; background: #9f9f9f; opacity: .8; z-index: 2; position: absolute; left: 125px; top:0; display: none; min-width: 100px; min-height: 50px; border-radius: 10px;}

.aside-v1-cont .aside-li:hover .li-text {position: absolute; top: 0; left: 0; width: 135px; background: #008def; box-sizing: border-box; border-bottom-color:#008def; z-index: 3; box-shadow: -3px 3px 10px 0 #999;} 
/* .aside-v1-cont .aside-li:hover .li-cont {display: inline-block;} */
.aside-v1-cont .aside-li .li-cont,
.aside-move-panel {padding: 20px 12px; background: #9f9f9f; opacity: .8; z-index: 2; position: absolute; 
    left: 125px; 
    /* top:0; */
     display: none; min-width: 100px; min-height: 50px; border-radius: 10px;}

.aside-v1-cont .aside-li:hover .li-text,
.aside-v1-cont .aside-li.active .li-text {position: absolute; 

     left: 0; width: 133px; background: #008def; box-sizing: border-box; border-bottom-color:#008def; z-index: 3; box-shadow: -3px 3px 10px 0 #999;} 
/* .aside-v1-cont .aside-li:hover .li-cont {display: inline-block;} */

.aside-v1-cont .aside-li .li-cont .cont-list,
.aside-move-panel .cont-list {font-size: 14px; color: #fff; max-height: 200px; overflow-y: auto;}
.aside-v1-cont .aside-li .li-cont .cont-list .li-item,
.aside-move-panel .cont-list  .li-item {list-style: none; padding: 10px 0;}
.aside-v1-cont .aside-li .li-cont .cont-list .li-item:hover,
.aside-move-panel .cont-list  .li-item:hover {color: #008def; cursor: pointer;}
.aside-v1-cont .aside-li .li-cont .cont-foot {text-align: center; height: 20px; line-height: 20px; position: absolute; left: 0; right: 0; bottom: 0; display: none;}
.aside-v1-cont .aside-li .li-cont .cont-foot .icon-arrow {width: 0; height: 0; overflow: hidden; border: 5px solid transparent; border-top-color: #fff; display: inline-block;}

.home-main-p1 {margin-left:125px; width: 1770px;}
.home-main-v1 {padding: 20px 20px; padding-right: 0;}
.home-main-left {width: 1150px;margin-right: 20px;}
.main-chart-v1 {padding-top:20px;border-radius: 10px; background: #fff;}
.main-head-v1 {padding-left: 80px; border-bottom:5px solid #f5f5f5; margin-bottom: 10px;}
.main-form-v1 {padding-top: 5px;}
.main-head-v1 .select {height: 36px; line-height: 36px; border:1px solid #c9c9c9; width: 146px;}
.main-head-v1 input.text {height: 28px; line-height: 28px; padding: 3px; border:1px solid #c9c9c9; border-radius: 3px;}
.main-head-v1 .my-date {height: 150px; width: 190px; margin-right: 30px; }
.weather-div-v1 .li-item {position: relative; height: 32px; line-height: 32px; padding-left: 30px; font-size: 14px;}
.weather-div-v1 .li-item img {width: 24px; height: 24px; position: absolute; left: 0; top: 4px; }
.weather-div-v1 .type-img img {width: 92px; margin-left: 20px;}

.home-main-right {width: 575px;}
.show-data-div {padding: 22px 22px 0; border-radius: 10px; background: #fff;}

.show-data-cont { padding-top: 15px;}
.show-data-cont .li-item {padding:8px 15px; border-radius: 10px; width: 120px; text-align: center; box-shadow: 0 3px 5px 0 #ddd; margin: 0 0 20px 30px;}
.show-data-cont .li-item .main-text {font-size: 26px; line-height: 32px; display: inline-block; position: relative; padding-top:12px; }

/* .show-data-cont .li-item {padding: 15px; border-radius: 10px; width: 100px; text-align: center; box-shadow: 0 3px 5px 0 #ddd; margin: 0 0 30px 30px;box-sizing:content-box;}
.show-data-cont .li-item .main-text {font-size: 36px; line-height: 40px; display: inline-block; position: relative; padding-top:12px; } */
.show-data-cont .li-item .info-text {font-size: 12px; text-align: center}
.show-data-cont .li-item .main-text sup {font-size: 10px; font-size: 10px; height: 12px; line-height: 12px; position: absolute; top: 5px; right: -10px;}

.show-data-cont .row1-1 {background: #c490bf; color: #fff; }
.show-data-cont .row1-2 {background: #f5f5f5; color: #ef9c3b; } 
.show-data-cont .row2-1 {background: #f5f5f5; color: #008def; }
.show-data-cont .row2-2 {background: #2dcec3; color: #fff; } 
.show-data-cont .row-right {background: #f3f093; color: #666; padding-top: 50px; padding-bottom: 50px;} 
/* .show-data-cont .row-right {background: #f3f093; color: #666; padding-top: 75px; padding-bottom: 70px;}  */
.show-data-cont .row-right .main-text {font-size:48px; margin-bottom: 10px;}
.show-data-cont .row-right .main-text sup {font-size:16px;}

.function-chart {padding: 22px; height:550px; border-radius: 10px; background: #fff; margin-top: 15px;}
.function-chart .toggle-nav { margin-top: 10px;}
.function-chart .toggle-nav .tab-link {font-size: 14px;height: 28px; line-height: 28px; padding: 0 20px; background: #ddd; display: inline-block; color: #fff;}
.function-chart .toggle-nav .active {background: #008def; border-radius: 5px;}

.left-chart-cont {width: 100%; height: 600px; position: relative; overflow: hidden;}
.left-chart-child {position: absolute; top: 0; left:0; right: -160px; bottom: 0;}
.right-chart-cont {height: 446px;}


/* @media screen and (max-width:1600px){
    .home-main-left {
        width:900px
    }
    .main-head-v1 {
        padding-left: 0
    }
    .home-main-right {
        width: 480px
    }


    .show-data-cont .li-item {
        margin: 0 0 10px 10px;
    }

    .function-chart .toggle-nav .tab-link {font-size: 12px;}
}


@media screen and (max-width:1360px){
    .home-main-left {
        width:700px
    }
    .main-head-v1 {
        padding-left: 0
    }
    .home-main-right {
        width: 450px
    }
    .weather-div-v1 {
        margin-top:-130px;
    }

    .show-data-cont .li-item {
        margin: 0 0 10px 10px;
    }

    .show-data-cont .li-item {
        padding: 8px;
    }

    .function-chart .toggle-nav .tab-link {font-size: 12px;}
}

@media screen and (max-width:1280px) {
    .home-main-left {
        width:600px
    }
    .main-head-v1 {
        padding-left: 0
    }
    .home-main-right {
        width: 450px
    }
    .weather-div-v1 {
        margin-top:-130px;
    }

    .show-data-cont .li-item {
        margin: 0 0 15px 15px;
    }

    .show-data-cont .li-item {
        padding: 8px;
    }

    .show-data-cont .row-right {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .function-chart .toggle-nav .tab-link {font-size: 12px;}
} */



